<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="../js/jquery.js"></script>
<script>
	$(document).ready(function(){
		$("#get_css").click(function(){
			alert("Background color = " + 
					$("p").css("background-color"));
		});
	});
	$(document).ready(function(){
		$("#set_css").click(function(){
			$("p").css("background-color","yellow");
		});
	});
	$(document).ready(function(){
		$("#set_css_multi").click(function(){
			$("p").css({
				"background-color":"yellow",
				"font-size":"200%"
			});
		});
	});
</script>
<title>CSS Property</title>
</head>
<body>
<h2>This is title</h2>
<p style="background-color:#ff0000">This is a paragraph.</p>
<p style="background-color:#00ff00">This is a paragraph.</p>
<p style="background-color:#0000ff">This is a paragraph.</p>
<p>This is a paragraph.</p>
<button id="get_css">Get background color</button>
<button id="set_css">Set background color</button>
<button id="set_css_multi">Set multiple styles</button>
</body>
</html>